<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.org/ui">
	<p:messages autoUpdate="true" />
	<h:form class="buttons" style="margin: auto auto !important; padding-left:300px !important; padding-right:300px !important; border: 0 none !important;">

		<p:panelGrid columns="1" style="width: 647px !important;" styleClass="topButtons search">
			<div style="height: 70px !important; text-align: center !important; padding-top: 50px !important;">A keresendő ügyfél azonosítója:</div>
			<p:inputText style="text-align: center !important; width: 532px !important;" id="customerId" value="#{customerMaintBean.customerId}" />
			<p:commandButton styleClass="searchButton" actionListener="#{customerMaintBean.loadCustomer()}" value="Keresés" update=":form:panel :display" process="@this customerId" id="search" action="#{navigationBean.viewCustomerDataSheet()}" />
			<div style="height: 50px !important"></div>
		</p:panelGrid>

		<p:carousel autoPlayInterval="7000" value="#{commercialBean.commercials}" var="commercial" numVisible="1" effect="easeInStrong" vertical="false" circular="true">
			<p:graphicImage width="640" height="360" library="img" name="#{commercial.image}" />
			<p:outputLabel value="#{commercial.text}"></p:outputLabel>
		</p:carousel>
	</h:form>
</ui:composition>
<!-- margin: auto auto !important; -->